<template>
  <div class="scroll-list" :style="{ height: `${height}px` }">
    <slot></slot>
  </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue'

const props = defineProps({
  height: {
    type: [Number, String],
    default: () => {
      return 142
    }
  }
})
</script>
<style lang="scss" scoped>
.scroll-list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0px 14px;
  background-color: #fff;
}
</style>
